<template>
  <footer class="footer">
    <AppFooterTop />
    <hr />
    <AppFooterBottom />
  </footer>
</template>

<script lang="ts" setup></script>
<style lang="scss" scoped>
.footer {
  padding: 20px;
}
hr {
  width: 80%;
  margin: 10px auto;
  height: 1px;
  border: none;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    cyan,
    rgba(0, 0, 0, 0)
  );
}
</style>
